@charset "utf-8";
@import 'reset';
@import 'common';



main {
    display: flex;
    flex-direction: column;
    align-items: center;

    .content {
        width: 92vw;
        display: flex;
        flex-direction: column;
        margin-bottom: 3.3333vw;

        .content-title {
            width: 92vw;
            height: 9.3333vw;

            span {
                font-size: 3.7333vw;
                color: #555555;
            }

        }

        .content-numble {
            width: 92vw;
            height: 9.3333vw;
            border-bottom: .5333vw solid #E9ECF0;
            font-size: 3.7333vw;

            .content-numbler {
                border: none;
                width: 92vw;
                height: 8.3333vw;
                font-size: 3.7333vw;
            }

        }
        .code-bottom{
            width: 92vw;
            height: 9.3333vw;
            border-bottom: .5333vw solid #E9ECF0;
            display: flex;
            .code-numble{
                border: none;
                width: 53.3333vw;
                height: 8.3333vw;
                font-size: 3.7333vw;
                .code-numbler {
                    border: none;
                    width: 53.3333vw;
                    height: 8.3333vw;
                    font-size: 3.7333vw;
                }
    
            }
            .code-buttom{
                display: flex;
                justify-content: center;
                align-items: center;
                span {
                    font-size: 3.7333vw;
                    color: #555555;
                }
            }

        }
    }
    .content-button{
        margin-top: 8vw;
        margin-bottom: 8vw;
        width: 92vw;
        height: 12vw;
        background-color: #884E22;
        display: flex;
        align-items: center;
        justify-content: center;
        span{
            color: white;
            font-size: 4.6667vw;
        }
    }
}